<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" href="__CSS__/header.css">
    <link rel="stylesheet" href="__CSS__/normalize.css">
    <link rel="stylesheet" href="__CSS__/tryGoods.css">
</head>
<body>
<!--新品导航-->
   <div class="fix-position">
    <div class="container">
        <div class="logo fl">
            <a href="#"><img src="./static/images/logo.png" alt=""></a>
        </div>
        <div class="title-middle fl">
            <ul class="nav-title">
                <li><a href="#">首页</a></li>
                <li class="active"><a href="#">试用</a></li>
                <li><a href="#">新品</a></li>
                <li><a href="#">折扣</a></li>
                <li><a href="#">清单</a></li>
                <li><a href="#">体验</a></li>
                <li><a href="#">体验师</a></li>
                <li><a href="#">APP下载</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <a href="javascript:void (0)" id="login">登录</a>
            |
            <a href="http://jg.com/register" id="register">注册</a>
        </div>
    </div>
   </div>

<div class="container top-title">
    <div class="wrap-title">
        <h3>试用</h3>
    </div>
    <div class="play-img">
       <div class="box">
           <div class="box-img">
               <img src="http://s2.jiguo.com/30f48643-20bb-4703-ab2a-3ca0f1e16534/640?imageView2/1/w/640/h/400/q/100" alt="">
           </div>
           <div class="des-box">
               <div class="box-hover">
                   <div class="info">
                       <p><a href="http://www.jiguo.com//article/article/88097.html">赤兔跑步机</a></p>
                   </div>
                   <div class="e-tag-list">
                       <span class="orange">免费试用</span>
                       <span class="yellow">体验师专享</span>
                       <!--<span class="purple">折扣试用</span>-->
                   </div>
                   <div class="e-number">
                  <span class="e-apply-number">
                      432人
                  </span>
                       参与
                       <span class="e-query">剩余时间:9天</span>
                   </div>
                   <div class="box-hide">
                       <div class="hide-cell">
                           <span>免费试用2(台)</span>
                           <span class="fr">403人申请</span>
                       </div>
                       <div class="hide-cell">
                           <span>免费试用2(台)</span>
                           <span class="fr">403人申请</span>
                       </div>
                       <div class="hide-cell">
                           <span>免费试用2(台)</span>
                           <span class="fr">403人申请</span>
                       </div>
                   </div>
               </div>
           </div>
       </div>
    </div>
</div>
<script src="__JS__/jquery-v1.12.0.min.js"></script>
<script src="__JS__/masonry.pkgd.min.js"></script>
<script src="__JS__/tryGoods.js"></script>
</body>
</html>